import './App.css';
import React, { useState } from 'react';
import {Outlet, Link, NavLink} from"react-router-dom"
import Input from "./components/Input"
import Textarea from "./components/Textarea"

function App() {

  // return <>
    
  //     <p>
  //     <Link to="/input">Input</Link>
  //     </p>
  //     <p>
  //     <Link to="/textarea">textarea</Link>
  //     </p>
  //     <p>
  //     <Link to="/invoices">invoices</Link>
  //     </p>
  //     <Outlet/>
      
  // </>;

  return (
    <div>
      <h1>Bookkeeper</h1>
      <nav
        className='nav'
      >
        <NavLink to="/invoices">Invoices</NavLink>
        <NavLink to="/expenses">Expenses</NavLink>
      </nav>
      <div>
        <Input></Input>
        <Textarea></Textarea>
      </div>
      <Outlet/>
    </div>
  );
}

export default App;